<!doctype html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>北塔软件</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta content="telephone=no" name="format-detection" />
      <link rel="apple-touch-icon" href="static/assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="static/assets/images/favicon.png" type="image/x-icon">
      <link rel="stylesheet" href="static/assets/css/font-awesome.min.css">
      <link rel="stylesheet" href="static/assets/css/animation.css">
      <link rel="stylesheet" href="static/assets/css/base.css">
      <link rel="stylesheet" href="static/assets/css/website-page.css">
      <link rel="stylesheet" href="static/assets/css/admin-page.css">
      <link rel="stylesheet" href="static/assets/css/style.css">
      <script src="static/assets/js/jquery.js"></script>
      
   </head>
   <body>
      <header id="header" class="header pr" role="banner">
         <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
            <div class="navbar-top">
               <div class="container clearfix">
                  <div class="navbar-left fl">
                     <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span><!-- <span class="head_phonetxt"><span class="top_text ml50">当前管理员：XXXX  </span><span class="top_text ml20">联系电话：138166999999</span> --></span></div>
                  </div>
                  <div class="navbar-right fr">
                    <span class="navbar-login">
                      <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                      <a href="phone-register.html"><i class="fa fa-sign-in mr5 ml20"></i>注册</a>
                    </span>
                    <!-- 登录后状态 去掉none即可-->
                    <span class="navbar-user none"><span><i class="fa fa-user mr10"></i>张三会员，下午好</span><a href="javascript:;" class="loginuser-exit">退出</a></span>
                  </div>
               </div>
            </div>
            <div class="sticky-wrapper nav-bgcol">
               <div class="container">
                  <div class="navbar-header clearfix pr">
                     <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                        <span class="fa fa-reorder"></span>
                     </button>
                     <a class="navbar-brand" href="index.html"><img src="static/assets/images/logo.png" alt=""></a>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                     <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                       <li><a href="index.html">首页</a></li>
                       <li class="pr">
                        <a href="#">产品中心</a>
                        <ul class="">
                          <li>
                            <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">解决方案</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持</a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                  </div>
                  <div class="collapse navbar-collapse" id="main-navbar-container">
                    <ul class="nav navbar-nav pr hidden-md">
                      <li class="active">
                        <a href="index.html" class="dropdown-toggle">首页<em>/</em></a>
                      </li>
                      <li class="dropdown">
                        <a href="product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                        <div class="nav-menu-area clearfix">
                          <ul class="single-mega-item">
                            <li class="block">IT监控</li>
                            <li><a href="common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                            <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
                          </ul>
                          <ul class="single-mega-item">
                            <li class="block">IT管理</li>
                            <li><a href="#">BTSM北塔服务管理软件</a></li>
                            <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                            <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                            <li><a href="#">Portal北塔运维门户组件</a></li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="circle-red">2</span></button>
                    </div>
                    <!-- <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="购物车" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-shopping-cart"></i></i><span class="circle-red">2</span></button>
                    </div> -->
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-pencil-square-o"></i></button>
                    </div>
                    <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                      <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                      <div class="search-box">
                        <input type="text" class="search-input">
                        <i class="fa fa-arrow-circle-o-right"></i>
                      </div>
                    </div>
                    
                  </div>
               </div>
            </div> 
         </nav>
      </header>
      <section class="slider-section pr">
        <!-- banner start-->
        <div class="block_home_slider">
          <div id="home_slider" class="flexslider pr">
            <canvas class="slide-canvas"><script src="static/assets/js/particles.js"></script></canvas>
            <div id="particles-js">
              <ul class="slides" >
                <li>
                  <div class="slide" style="background: url('static/assets/images/banner/10.jpg') center center/cover;"></div>
                </li>
              </ul>
              <ul class="flex-direction-nav">
                <li class="flex-nav-prev"><a class="flex-prev fa fa-angle-left" href="#"></a></li>
                <li class="flex-nav-next"><a class="flex-next fa fa-angle-right" href="#"></a></li>
              </ul>
            </div>
          </div>
        </div>
        <!-- banner end-->
        <div class="container product-container clearfix">
          <div class="product-loginbox verifi-loginbox"><!-- verifi-loginbox -->
            <div class="product-loginform">
                <h3 class="product-logintit"><i></i>会员登录，体验更多<i></i></h3>
                <form action="">
                    <div class="tab-base tablist-main mt10">
                        <ul class="nav nav-tabs">
                            <li class="nav-item"><a class="nav-link active first-cricle">账号密码登录</a></li>
                            <li class="nav-item"><a class="nav-link">手机验证码登录</a></li>
                        </ul>
                        <div class="tab-content upload-imgtab">
                            <div class="tab-pane active">
                                <div class="input-group">
                                    <p class="form-title">账号</p>
                                    <input type="text" class="form-control form-control-lg" placeholder="请输入账号">
                                </div>
                                <div class="input-group">
                                    <p class="form-title clearfix">密码</p>
                                    <input type="password" class="form-control form-control-lg" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="tab-pane">
                                <div class="input-group">
                                    <p class="form-title">手机号</p>
                                    <input type="text" class="form-control form-control-lg" placeholder="请输入手机号">
                                </div>
                                <div class="input-group">
                                    <p class="form-title clearfix">图形验证码</p>
                                    <div class="phone-inputbox">
                                        <input type="text" class="form-control form-control-lg" placeholder="请输入图形验证码">
                                    </div>
                                    <div class="phone-verifyimg">
                                        <img src="static/assets/images/code.jpg">
                                    </div>
                                </div>
                                <div class="input-group">
                                    <p class="form-title clearfix">短信验证码</p>
                                    <div class="phone-inputbox">
                                        <input type="text" class="form-control form-control-lg" placeholder="请输入短信验证码">
                                    </div>
                                    <div class="phone-verifybtn">
                                        <button class="phone-verifymsg">获取短信验证码</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mt25">
                        <button type="submit" class="btn product-loginbtn">登录</button>
                    </div>
                    <p class="tc clearfix">还没有北塔账号？<a href="#">快速注册</a><a href="#" class="form-pwdtxt ml20 fr">忘记密码?</a></p>
                </form>
            </div>
            <div class="product-logincnt pr">
              <div class="product-loginline">
                <div class="login-line1"></div>
                <div class="login-line2"></div>
                <div class="login-line3"></div>
                <div class="login-line4"></div>
              </div>
              <div class="product-login-btn">
                <a href="#" class="product-btnbox blue">
                  <i>01</i>
                  <span>BTSO 北塔智慧运维平台软件</span>
                </a>
                <a href="#" class="product-btnbox yellow">
                  <i>02</i>
                  <span>BTVD 北塔视频质量诊断软件</span>
                </a>
                <a href="#" class="product-btnbox green">
                  <i>03</i>
                  <span>BTRM 北塔IT资源管理系统</span>
                </a>
              </div>
              <a href="index.html" class="login-go-box">点击进入产品中心<i class="login-go"></i></a>
            </div>
          </div>
        </div>
      </section>

      <footer class="footer">
        <div class="footer-copyright">
          <div class="container clearfix">
            <div class="foot-logo">
              <img src="static/assets/images/logo_foot.png" alt="">
            </div>
            <div class="foot-right fr">
              <ul class="copyright-menu clearfix">
                <li><a href="page-legal.html">法律声明</a></li>
                <li>|</li>
                <li><a href="#">关于北塔</a></li>
                <li>|</li>
                <li><a href="contact-us.html">联系我们</a></li>
                <li>|</li>
                <li><a href="#">会员权益介绍</a></li>
                <li>|</li>
                <li><a href="#">管理员创建</a></li>
                <li>|</li>
                <li><a href="#">返回首页</a></li>
              </ul>
              <div class="copyright-txt">
                <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                <span class="ml20">沪ICP备09033812号</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <!-- <div class="scroll-top">
        <i class="fa fa-angle-up"></i>
      </div> -->
      <script>
        $(function(){
          particlesJS('particles-js',
            {
              "particles": {
                "number": {
                  "value": 20,
                  "density": {
                    "enable": true,
                    "value_area": 800
                  }
                },
                "color": {
                  "value": "#eae9e9"
                },
                "shape": {
                  "type": "circle",
                  "stroke": {
                    "width": 0,
                    "color": "#3c3b3b"
                  },
                  "polygon": {
                    "nb_sides": 5
                  },
                  "image": {
                    "src": "img/github.svg",
                    "width": 100,
                    "height": 100
                  }
                },
                "opacity": {
                  "value": 0.3,
                  "random": false,
                  "anim": {
                    "enable": false,
                    "speed": 1,
                    "opacity_min": 0.1,
                    "sync": false
                  }
                },
                "size": {
                  "value": 4,
                  "random": true,
                  "anim": {
                    "enable": false,
                    "speed": 40,
                    "size_min": 0.1,
                    "sync": false
                  }
                },
                "line_linked": {
                  "enable": true,
                  "distance": 150,
                  "color": "#ffffff",
                  "opacity": 0.4,
                  "width": 1
                },
                "move": {
                  "enable": true,
                  "speed": 6,
                  "direction": "none",
                  "random": false,
                  "straight": false,
                  "out_mode": "out",
                  "attract": {
                    "enable": false,
                    "rotateX": 600,
                    "rotateY": 1200
                  }
                }
              },
              "interactivity": {
                "detect_on": "canvas",
                "events": {
                  "onhover": {
                    "enable": true,
                    "mode": "repulse"
                  },
                  "onclick": {
                    "enable": true,
                    "mode": "push"
                  },
                  "resize": true
                },
                "modes": {
                  "grab": {
                    "distance": 400,
                    "line_linked": {
                      "opacity": 1
                    }
                  },
                  "bubble": {
                    "distance": 400,
                    "size": 40,
                    "duration": 2,
                    "opacity": 6,
                    "speed": 3
                  },
                  "repulse": {
                    "distance": 200
                  },
                  "push": {
                    "particles_nb": 4
                  },
                  "remove": {
                    "particles_nb": 2
                  }
                }
              },
              "retina_detect": true,
              "config_demo": {
                "hide_card": false,
                "background_color": "#b61924",
                "background_image": "",
                "background_position": "50% 50%",
                "background_repeat": "no-repeat",
                "background_size": "cover"
              }
            }

          );

            $(".nav-tabs").on("click","li a",function(){
                var i = $(this).closest("li").index();
                $(".nav-tabs li a").removeClass("active");
                $(this).addClass("active");
                $(this).closest(".tab-base").find(".tab-content .tab-pane").eq(i).addClass("active").siblings().removeClass("active");
            });
        });
      </script>
   </body>
</html>